<html>
  <head>
    <link rel="stylesheet" type="text/css" href="1.css"> 
  </head>
  <body>
    <div id="container" class="gd">
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-1">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-2">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-3">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-4">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-5">
            <input type="checkbox" class="checkbox" />
            <div class="knob"><span></span></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-6">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-7">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-8">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-pill" id="button-9">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-10">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-11">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-12">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-13">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-14">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-15">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-16">
            <input type="checkbox" class="checkbox" />
            <div class="knob"></div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-17">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
      <div class="toggle-button-container">
        <div class="toggle-button gd">
          <div class="btn btn-rect" id="button-18">
            <input type="checkbox" class="checkbox" />
            <div class="knob">
              <span></span>
            </div>
            <div class="btn-bg"></div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>


